
/* ----- uobcms_corporate.css ----- */
@media screen {
body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, Verdana, sans-serif; }

ul li, ol li  { margin: 0 0 0.2em 2em;  } 
a:link { color: #052CA7 }
a:visited { color: #4C76CF }
a:hover { color: #B01C2E; text-decoration: none }

/* uob top and bottom navbar  -  stays white throughout ALL sites */
.uobnav #skip { float: left; border: 0px; font-weight: normal; margin-top: 5px }
.uobnav #skip:hover { text-decoration: underline; background-color: transparent }
.uobnav, #uobnavbottom { background-color: white; text-align: right; list-style-type: none; float: left; width: 100%; font-size: 75%; padding: 1px 0 1px 0 }
.uobnav ul { margin: 5px 0; padding: 0; }
.uobnav ul, #uobnavbottom ul { float: right; }
.uobnav ul li, #uobnavbottom ul li { list-style-type: none; display: inline; margin: 0; float: left; border-right: 1px solid #999999 }
.uobnav a, #uobnavbottom a, .uobnav .link-on, #uobnavbottom .link-on { color: #333333; font-weight: bold;  text-decoration: none; padding: 0px 6px;  float: left;  }
.uobnav a:visited { color: #333333; }
.uobnav ul li.no-separator, #uobnavbottom ul li.no-separator  {  border-right: 0px  }
.uobnav a:hover, #uobnavbottom a:hover { text-decoration: underline; background-color: white; color: black;}
.uobnav form { float: right; margin: 1px 0 0 0; padding: 1px 0 0 0; font-family: Arial; position: relative; left:  -1px }
.uobnav form input { font-size: 105%; margin: 0; }
.uobnav form .searchbox { width: 125px }
.uobnav form .searchbutton   { background: #f9e6a2 url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/search-back.gif); border: solid 1px #e4bb13; margin: 0 3px 0 2px; font-size: 95%; padding: 1px 2px 1px 2px }
#uobnavbottom { height: 28px; }
#uobnavbottom ul {  float: left; white-space: nowrap; padding: 0; }

/* additional classes to add left hand margin according to whether there is nav or not */
.uobnavbottom-nav ul, .uobnavbottom-nonav ul {margin: 5px 2px 0 3px}

/* additional departmental top navigation bar */
#deptnav, #deptnavbottom {  background: #ECF6FF url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/deptnav-back.gif) repeat-x;  float: left; width: 100%; border-top: 1px solid #ABBCCA}
#deptnav ul, #deptnavbottom ul  { float: left;  font-size: 80%; background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/deptnav-back.gif) repeat-x;  margin: 0px; padding: 0px  }
#deptnav ul li, #deptnavbottom ul li  { list-style-type: none; display: inline; margin: 0 }
#deptnav ul li a, #deptnav ul li .link-on { color: #343D46; font-weight: bold;  text-decoration: none; float: left; padding: 4px 7px; border-right: 1px solid #ABBCCA;  }
#deptnav ul li .link-on { color: #B01C2E; background-color: white; border-top: 2px solid #C6DCF0; padding-top: 2px }
#deptnav ul li a:hover, #deptnavbottom ul li a:hover  { background-color: #BADBF9;}
#deptnavbottom { background: #ECF6FF; background-image: none}
#deptnavbottom ul  { display: inline; background: #ECF6FF;  border-left: 1px solid #ABBCCA; float: left;   }
#deptnavbottom ul li a, #deptnavbottom ul li .link-on  { color: #343D46; font-weight: bold;  text-decoration: none; float: left;  padding: 4px 7px; border-right: 1px solid #ABBCCA;  }
#deptnavbottom ul li .link-on { color: #B01C2E; background-color: white; }

/* extra classes to add left margin according to whether there is nav or not */
.deptnavbottom-nav ul, .deptnavbottom-nonav ul { margin: 0 0 0 185px; padding: 0;}

/* sets the colour scheme for the header/footer and path to logo. This can be changed for departments */
#header    { background: #2858BB url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/header-default.jpg) no-repeat right  top;  float: left; width: 100%; border-top: 1px solid #4A7DE6; color: white;  }
#uoblogo a, #uoblogo span { background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/uob-logo.gif) no-repeat; width: 184px; float: left;   margin-top: 5px; padding: 64px 0 0 0;  overflow: hidden;  height: 0px !important; /* for most browsers */  height /**/:64px; /* for IE5.5's bad box model */ }

#footer { line-height: 1.3; clear: both; color: white; font-size: 80%; border-top: 1px solid #4A7DE6; border-bottom: 1px solid #1E479B; }
#footer p { padding: 6px 0; margin: 0;  text-align: left }
#footer a { color: white; text-decoration: underline; background-color: transparent }
#footer a:hover { text-decoration: none }
#footer span { white-space: nowrap }
#uobcms-footer-feedback-separator { color: #5f83ce }

/* additional classes to add left hand margin and take away image according to whether there is nav or not */
.footer-nav, .footer-nonav  { padding: 0 193px 0 8px; background: #2858BC url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/footer-crest.gif) no-repeat right top;  }

/* titles in header */
.maintitle  { margin-left: 195px; font-family: Georgia, Verdana; padding-top: 22px }
.maintitle #title1  { display: block; font-weight: normal; font-size: 140%; margin: 0; padding: 0;  color: #DDE0F2; }
#maintitle2 { padding-top: 15px;  }

/* may want to change the colour of second heading if applicable */
#maintitle2 #title2, .maintitle #title1 {  padding: 0; margin: 0 }
#maintitle2 #title2 { font-size: 80%; text-transform: uppercase;  font-weight: normal; color: #DDE0F2; padding-left: 1px; }
#maintitle2 .hide { display: none;  visibility: hidden;  }
.maintitle a, .maintitle a:visited { color: #DDE0F2; text-decoration: none }
.maintitle a:hover { color: #DDE0F2; text-decoration:underline; background-color: transparent  }

/* wrapper around content and navigation*/
#uobcms-wrapper  { background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/content-tile.gif) repeat-x; padding: 5px 0 10px 5px;  clear: both; min-height: 1%; }

/* content */
#uobcms-content { margin-left: 190px; border-top: 1px solid white; height: 1%; padding: 0 15px 5px 0px;  line-height: 1.3; overflow: visible; min-height: 20em;  }
#uobcms-content-nonav { border-top: 1px solid white; height: 1%; padding: 0 10px 5px 10px;  min-height: 20em; line-height: 1.3;  }
#uobcms-content hr, #uobcms-content-nonav hr {    height: 1px; border: none; color: #ccc; background-color: #ccc }

/* headings within content area */
#pagetitle {  margin: 5px 10px 1em 0 ;  font-size: 130%; font-weight: normal; color: #B01C2E;  border-bottom: 1px dashed #999; padding: 0 0 1px 23px; line-height: 1.3; background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/pagetitle-crest.gif) no-repeat bottom left; min-height: 25px}
h1 { color: #B01C2E;  font-size: 130%; font-weight: normal }
h2 { color: #2C4D92; font-size: 120%; font-weight: normal }
h3 { color: #2C4D92; font-size: 105%; font-weight: bold }
h4, h5, h6  { color: black; font-size: 105%; font-weight: bold }

/* styling of text within content  */
#uobcms-content ul, #uobcms-content ol {  margin-left: 0; padding-left: 0; }
#uobcms-content ul  { list-style-image: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/content-bullet.gif) }
#uobcms-content ol    { list-style-type: decimal; list-style-image: none; }
#uobcms-content ul ol { list-style-type: decimal }
#uobcms-content ul ul { list-style-image: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/content-bullet-sub.gif) }

/* styling of text within content when there is no left nav */
#uobcms-content-nonav ul, #uobcms-content-nonav ol {  margin-left: 0; padding-left: 0 }
#uobcms-content-nonav ul  { list-style-image: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/content-bullet.gif) }
#uobcms-content-nonav ol    { list-style-type: decimal; list-style-image: none; }
#uobcms-content-nonav ul ol { list-style-type: decimal }
#uobcms-content-nonav ul ul {list-style-image: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/content-bullet-sub.gif) }

#breadcrumbs { margin: 5px 0 0 190px; padding: 0; font-size: 75%; color: #666666; line-height: 1.3}
#breadcrumbs-nonav { margin: 5px 0 0 10px; padding: 0; font-size: 75%; color: #666666; line-height: 1.3}
#breadcrumbs a:visited, #breadcrumbs-nonav a:visited { color: #0F35AA }

/* side navigation */
#uobcms-col1 { float: left;  font-size: 80%; padding: 8px 0 0 4px; width: 170px; }
.navtitle { color: #2C4D92; border-bottom: 1px solid #CACACA; padding: 0 5px 4px 3px; margin:  0 0 9px 0; font-weight: bold; font-size: 105%; text-transform: uppercase}
.navtitle a  { color: #2C4D92;  text-decoration: none }
.navtitle a:hover  { color: #2C4D92; text-decoration: underline }
.navgrouptitle  { background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/navgrouptitle-back.gif) no-repeat; margin: 0; color: #252D36; font-weight: bold; font-size: 85%; padding: 7px 20px 6px 5px; letter-spacing: 1px; text-transform: uppercase;  width: 145px; }
.navgrouptitle a, .navgrouptitle a:visited { color: #252D36; text-decoration: none }
.navgrouptitle a:hover { text-decoration: underline; background-color: transparent; color: #252D36;  }
.navgroup { margin: 0 0 10px 0; padding: 0 0 3px 0; list-style-type: none; background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/navgroup-base.gif) no-repeat left bottom; border-top: 1px solid #ABBCCA }
.navgroup li { list-style-type: none; list-style-image: none; border-bottom: 1px solid #AABCCA; border-top: 1px solid white; padding: 0; margin: 0; background-color: #ECF6FF; }
.navgroup li a { display: block; margin: 0; width: 160px; padding: 5px; color: #000000;  text-decoration: none; }
.navgroup li a:visited { color: #000000;  }
.navgroup li a:hover { background-color: #BADBF9; color: #252D36; }
.navgroup span.link-on  { font-weight: bold; display: block; margin: 0; width: 160px; padding: 5px; color: #B01C2E;  text-decoration: none; background-color: white}

/* subnav within a navgroup */
.navgroup .navgroup { background-image: none}
.navgroup ul { margin: 0px;  background-color: white;  padding: 0; border: 0px; }
.navgroup ul li { list-style-type: none; background-color: white;  border: 0px; border-top: 1px dashed #AEBCC7;}
.navgroup ul li a { background: white url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/subnav-arrow.gif) no-repeat 4px 9px; padding: 5px 5px 5px 18px; width: 147px }
.navgroup ul li a:hover { background-color: #eee; color: #252D36;   }
.navgroup ul span.link-on { color: #B01C2E; background: white url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/subnav-arrow-on.gif) no-repeat 4px 9px; padding: 5px 5px 5px 18px; width: 147px;  font-weight: bold;  }

/* subnav within a subnav */
.navgroup ul ul { margin: 0px; padding: 0; border-top: 0px  }
.navgroup ul ul li  { color: black; list-style-type: none; border-bottom: 0px; margin-left: 15px  }
.navgroup ul ul li a { background-color: white; background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/subnav-sub-arrow.gif) no-repeat 4px 11px; padding: 5px 5px 5px 15px;  width: 135px }
.navgroup ul ul li a:hover { background-color: #eee; color: #252D36;   }
.navgroup ul ul li span.link-on {  color: #B01C2E; background-color: white; background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/subnav-sub-arrow-on.gif) no-repeat 4px 11px; padding: 5px 5px 5px 15px;  font-weight: bold; width: 135px; }

/* general form styles */
.formbutton { background: #f9e6a2 url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/search-back.gif); border: solid 1px #e4bb13; font-size: 80%;  margin: 3px 0px }

/* feedback form */
.feedbackform fieldset { border: 0px; padding: 0; margin: 0 }
.feedbackform {  border: 1px dashed #999; padding: 10px }
.feedbackform label, .feedbackform .labelstyle { font-weight: bold; display: block; margin: 0px; font-size: 90%     }
.feedbackform textarea { width: 95% }

/* -------EXTRA CONTENT STYLING------*/
/* back to top */
.btop { color: #0F35AA; font-weight: bold; font-size: 70% ; text-transform: uppercase;  background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/backtotop.gif) no-repeat 100% 3px; padding-right: 12px; }
.btop:hover { background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/backtotop-hover.gif) no-repeat 100% 3px; color: #B01C2E  } 

/* "UoB access only" formatting */
.uobaccess {color: #ff0000; font-style: italic;}

/* adobe-reader & flash includes */

.adobe-reader {  font-size: 80%; line-height: 1.2; border: 1px dashed #999; padding: 5px 125px 5px 5px; background: white url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/getacro.gif) no-repeat 100% 5px; margin: 0 10px 1em 0;  }
.adobe-flash {  font-size: 80%; line-height: 1.2; border: 1px dashed #999; padding: 5px 125px 5px 5px; background: white url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/flash-player.gif) no-repeat 100% 5px; margin: 0 10px 1em 0;  }
.adobe-reader p a, .adobe-flash p a {  font-weight: bold }
.adobe-reader p, .adobe-flash p { margin: 0; padding: 0}

/* for Mozilla/Safari/Opera http://www.mezzoblue.com hack */
*>.adobe-reader, .adobe-flash { padding-top: 35px; min-height: 1px; }
*>.adobe-reader p, .adobe-flash p { margin-top: -31px; }
/* for IE, with IE5/Mac backslash filter \*/
* html .adobe-reader, * html .adobe-flash { height: 31px;}
/* end filter */

/* Generic image styling */
.image-left-border { float: left; margin-right: 10px; border: 1px solid #ccc; }
.image-left-noborder { float: left; margin-right: 10px; }
.image-right-border { float: right; margin-left: 10px; border: 1px solid #ccc; }
.image-right-noborder { float: right; margin-left: 10px;}

/* Plone standard form validation classes */

/* Class for error indication in forms */
.error { background-color: #ffce7b; border: 1px solid #ffa500; padding: 1em; margin: 0 0 1em 0; width: 95% !important; }  
.error .fieldRequired { color: #ffce7b; } 

/* intranet styles */

.portalUser {  position: absolute; right: 10px; padding: 4px 5px 4px 20px; color: #344046; font-size: 75%; line-height: 1.3  }
.navgroup li.intranet { position: relative;  margin: 0; padding: 0 }                     
.navgroup li.intranet img { position: absolute; right: 4px; top: 6px; border: 0  }          
.navgroup li.intranet a, .navgroup li.intranet span.link-on { display: block; margin: 0; width: 150px; padding: 5px 15px 5px 5px;  text-decoration: none;  }             
.navgroup ul li.intranet a, .navgroup ul li.intranet span.link-on { padding: 5px 15px 5px 18px; width: 137px }                                                            
.navgroup ul ul li.intranet  { margin-left: 15px  }
.navgroup ul ul li.intranet a, .navgroup ul ul li.intranet span.link-on { padding: 5px 15px 5px 15px; width: 125px; }
/* public link within intranet folder - overwrites intranet padding */
.navgroup li.intranet li.public a { padding: 5px 5px 5px 18px; }
#deptnav img { border: 0  }



}


/* ----- uobcms_handheld.css ----- */
@media handheld {
body { font-family: Arial, Helvetica, Verdana, sans-serif; background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/cmsimages/uoblogo-handheld.gif) no-repeat; padding: 65px 5px 0 5px }
ul, ol { margin: 0 }

/* main uobnav */
.uobnav ul, #uobnavbottom ul { padding: 0 0 5px 0;   margin-top: 5px; font-size: 80%; }
.uobnav ul li, #uobnavbottom ul li { margin-left: 12px }
.uobnav #skip { border-bottom: 1px solid #666;  padding-bottom: 5px; font-size: 80%; font-weight: bold; border: 1px solid #b01c2e; padding: 5px;  }

/* header */
#uoblogo a, #uoblogo span { display: none; visibility: hidden }
.maintitle { font-weight: bold; color: black; padding: 0; margin: 0}
#header { font-size: 120%; color: black; background: white; margin: 10px 0   }


#uobcms-home-nav-2 .navgrouptitle, #uobcms-home-nav-1 .navgrouptitle  { color:#B01C2E; background: url(/svn_jsonmatch/trunk/WWW/uob/none); font-size: 115%; text-transform: none; letter-spacing: 0px; padding: 0;  margin-bottom: 5px }

/* search */
#search { margin-top: 10px }
.uobnav form { padding-bottom: 5px; border-bottom: 1px solid #666; margin: 5px 0 0 0 }
.uobnav form .searchbutton   { background-color: #f9e6a2; border: solid 1px #e4bb13;  }

/* footer */
#footer  {  color: black; padding: 0; font-size: 80%; margin: 10px 0 }
#footer a { color: white }
#footer p { margin: 0; padding: 0 }

/* breadcrumbs */
#breadcrumbs, #breadcrumbs-nonav { display: none; visibility: hidden; }

/* navigation */
#uobcms-col1 { padding-bottom: 5px; font-size: 80% }
#uobcms-col1 ul { padding: 0 0 5px 0;   }
#uobcms-col1 ul li { margin-left: 12px}

#uobcms-content, #uobcms-content-nonav { border-top: 1px solid #666;border-bottom: 2px solid #666; margin-bottom: 5px; font-size: 80%;  }
#pagetitle { color: #b01c2e }

h1 { font-size: 130%; font-weight: bold  }
h2 { font-size: 120%; font-weight: bold  }



}

